/*
 * @Author: xiaosihan 
 * @Date: 2024-01-20 08:23:09 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-01-20 22:11:16
 */


.contor {
    display: block;
    position: absolute;
    width: 420px;
    padding: 20px;
    top: 20px;
    right: 20px;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(0, 24, 34, .46) 0%, rgba(0, 22, 42, .93) 100%);
    pointer-events: all;
    color: #FFFFFF;

    .title {
        text-align: center;
        color: #3DAFFF;
    }

    .table {
        margin-top: 10px;
        width: 100%;
        border-color: #3DAFFF;

        td {
            padding: 8px;
            color: #3dafff !important;
        }
    }

    .select {
        width: 100% !important;

        :global(.ant-select-selector) {
            background: none;
            border: 1px solid #3DAFFF;
            color: #3DAFFF;
        }

        path {
            color: #3DAFFF !important;
        }

    }

    .title {
        background: url(./title.png) no-repeat;
        background-size: contain;
        font-size: 20px;
        color: #FFFFFF;
        height: 33px;
        line-height: 18px;

        .titleItem {
            display: inline-block;
            font-weight: 100;
            cursor: pointer;
            margin-right: 10px;
            padding: 4px;
            font-size: 16px;

            &.active {
                color: #3DAFFF;
                border-bottom: 1px solid #3DAFFF;
                font-weight: bold;
            }
        }
    }


    .floor_num {
        display: inline-block;
        margin: 14px 10px;

        .label {
            color: #ffffff;
            text-shadow: 0px 0px 4px #000000;
            font-size: 20px;
            margin-right: 10px;
            display: inline-block;
            width: 120px;
            vertical-align: middle;
        }

        :global(.ant-slider) {
            width: 180px;
            display: inline-block;
            vertical-align: middle;
        }
    }


    .state {
        color: #ffffff;
        display: block;
        padding: 10px 0px 10px 10px;
        border-radius: 6px;
        pointer-events: all;

        .state_item {
            color: #ffffff;
            margin: 10px 0px;
            font-size: 20px;
            height: 20px;
            display: block;
            line-height: 20px;

            .state_item_name {
                display: inline-block;
                width: 100px;
            }

            .state_item_color {
                display: inline-block;
                width: 16px;
                height: 16px;
                background-color: #ffffff;
                border-radius: 4px;
                margin-left: 4px;
            }
        }

    }

    .radio_group {
        width: 100%;

        :global(.ant-radio-button-wrapper) {
            width: 50%;
            text-align: center;
        }
    }

}